.anchorBL {
  display none !important
}
.content-wrap {
  position: absolute;
  top: 0;
  height: 100%;
  box-sizing: border-box;

  .inner {
    size: 100%;
    box-sizing: border-box;
  }
}

.right-info {
  padding: 8% 40px 30px 20px;
  right: 0;
  width: 160px;
  z-index: 1;
  min-width: 280px;

  .community, .device, .online {
    padding 10px
    margin-bottom: 16px;
    border-bottom: 1px dotted rgb(102,102,102);
  }

  .community .img {
    background: url('../../../assets/images/home.png') no-repeat center center / 100% 100%;
    display: inline-block;
    size: 25px;
    margin-right: 5px;
  }

  .device .img {
    background: url('../../../assets/images/tv.png') no-repeat center center / 100% 100%;
    display: inline-block;
    size: 25px;
    margin-right: 5px;
  }

  .online .img {
    background: url('../../../assets/images/flag.png') no-repeat center center / 100% 100%;
    display: inline-block;
    size: 25px;
    margin-right: 5px;
  }

  .title {
    font-size 13px;
    color: #99A1A8
  }

  .value {
    font-size: 32px;
  }
}

.bottom-info {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  right: 0;
  height: 80px;
  color: #AEB6BC;
  width: 480px;
  z-index: 1;
  font-size: 0;

  button {
    font-size: 13px;
    border: none;
    outline: none;
    line-height: 16px;
    color: white;
    vertical-align: middle;
    width: 70px;
    height: 20px;
    margin-left: 1px;
  }

  span {
    font-size: 13px;
    line-height: 30px;
    vertical-align: middle;
  }

  .green {
      background: green
  }

  .red {
    background: red
  }

  .gray {
    background: gray
  }

  .yellow {
    background: yellow
  }
}

.communitys-list {
  left: 0;
  width: 22%;
  height: 100%;
  z-index: 1;
  /*min-width: 280px;*/
  width: 360px;
  opacity: 0.85;
  padding-top: 52px;

  .inner {
    background-color: #1E1E1E;
    position: relative;
    padding-right: 20px;
    box-sizing: border-box;

    .list-box-container {
      top: 0;
      position: absolute;
      padding-top: 50px;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      overflow: hidden;

      a
      a:visited {
        color: #AEB6BC !important;
        text-decoration none !important
      }

      a:hover {
        color white !important;
        cursor pointer !important;
      }

      a:focus {
        outline none !important
      }

      .list-box {
        height: 100%;
        width: 380px;
        overflow-y: scroll;
        position: relative;

        .list-item-wrap {
          width: 340px;
          padding-left: 20px;
          box-sizing: border-box;
          position: relative;

          .item {
            width: 100%;
            padding: 15px 10px;
            box-sizing: border-box;
            padding-bottom: 10px;
            position: relative;
            border-bottom: 1px dotted #434343;

            .value {
              span {
                font-size: 16px;
                float: right
              }

              .bottom-icon {
                float right;
                margin-top: 8px;
                margin-bottom: 5px;
                height: 6px

                div {
                  float: right
                  height: 100%
                }

                .green {
                    background: green
                }

                .red {
                  background: red
                }

                .gray {
                  background: gray
                }

                .yellow {
                  background: yellow
                }
              }
            }
          }
        }
      }
    }

    .filter-container {
      z-index: 2

      .select-container {
        float: left;
        padding: 10px 0 0 20px;
        box-sizing: border-box;
        width: 30%;
        font-size: 12px;

        .selected-btn {
          position: relative;
          height: 30px;
          width: 100%;
          border-radius: 3px;
          background: #363636;
          border: none;
          outline: none;
        }

        .select-btn {
          position: relative;
          height: 30px;
          line-height: 30px;
          width: 50px;
          border-radius: 3px;
          background: #363636;
          border: none;
          outline: none;
        }

        .select-panel {
          position absolute;
          left: 0;
          padding-left: 20px;
          box-sizing: border-box;
          margin-top 5px;

          .btn-wrap {
            padding: 15px;
            box-sizing: border-box;
            background #363636;
            border-radius: 3px;
            width 100%;
            line-height: 35px;
            display: inline-block;

            button {
              margin-right 5px
            }
          }
        }
      }

      .search-container {
        float: right;
        width: 70%;
        padding: 10px 0 0 20px;
        box-sizing: border-box;
        font-size: 12px;

        .search-box {
          position: relative;
          height: 30px;
          line-height: 30px;
          width: 100%;
          background: #363636;
          border-radius: 3px;
          padding-right: 30px;
          padding-left: 10px;
          box-sizing: border-box;
        }

        .search-input {
          width: 100%;
          height: 30px;
          overflow: hidden;
          padding: 0;
          margin: 0;
          border: 0;
          background: none;
          padding-left: 10;
          box-sizing: border-box;
        }

        .search-icon {
          position: absolute;
          right: 0;
          top: 0;
          width: 30px;
          height: 30px;
          line-height: 30px;
          background: url('../../../assets/images/search.png') no-repeat left center;
          cursor: pointer;
        }
      }
    }
  }
}

.dashboard-home {
  left: 0;
  width: 100%;
  min-width: 800px;

  .inner {
  }
}

.notifications-hd {
  padding: 30px 15px 15px;

  h3 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    line-height: 18px;
    padding-left: 10px;
    border-left: 4px solid #D24955;
  }
}

.notifications-list {
  absolute: left top 162px bottom;
  width: 100%;
  height: auto;
  overflow-y: auto;
}